import _ from 'lodash';
import './style.css';
import Icon from './images/timg.jpg';
import Data from './data.xml';

function component() {
    let element = document.createElement('div');
  
    // lodash（目前通过一个 script 引入）对于执行这一行是必需的
    // 这是因为 index.js 并未显式声明它需要 lodash，只是假定推测已经存在一个全局变量 _。
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');
    element.classList.add('hello');

    // 将图像添加到我们现有的 div。
    let myIcon = new Image();
    myIcon.src = Icon;
    element.appendChild(myIcon);

    console.log(Data);

    return element;
  }
  
  document.body.appendChild(component());